<template>
  type:
  <div style="display: flex; column-gap: 0.5rem">
    <AlexBtn type="primary">按钮测试</AlexBtn>
    <AlexBtn type="success">按钮测试</AlexBtn>
    <AlexBtn type="warning">按钮测试</AlexBtn>
    <AlexBtn type="danger">按钮测试</AlexBtn>
  </div>
  size :
  <div style="display: flex; column-gap: 0.5rem; margin-top: 0.5rem">
    <AlexBtn type="success" width="auto" size="small">按钮测试</AlexBtn>
    <AlexBtn size="default">按钮测试</AlexBtn>
    <AlexBtn size="large">按钮测试</AlexBtn>
  </div>
  <div style="margin-top: 0.5rem"></div>
  disabled :
  <AlexBtn disabled width="auto" size="large"> 禁用按钮测试 </AlexBtn>

  <div style="margin-top: 0.5rem"></div>
  Round :
  <AlexBtn round size="large">✕</AlexBtn>
</template>
